﻿<!DOCTYPE html>
<html>
  <head>
    <title>5.1 个人资料</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/5_1_个人资料/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/5_1_个人资料/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机1) -->

      <!-- Unnamed (微信-微官网详情页) -->

      <!-- Unnamed (图片) -->
      <div id="u3186" class="ax_default image">
        <img id="u3186_img" class="img " src="images/启动页/u119.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3187" class="ax_default image">
        <img id="u3187_img" class="img " src="images/启动页/u120.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3188" class="ax_default _形状">
        <img id="u3188_img" class="img " src="images/启动页/u121.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3189" class="ax_default label1">
        <div id="u3189_div" class=""></div>
        <div id="u3189_text" class="text ">
          <p><span>【港美宝】互联网金融资讯助手</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u3190" class="ax_default">
        <div id="u3190_state0" class="panel_state" data-label="状态1" style="">
          <div id="u3190_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u3191" class="ax_default image">
              <img id="u3191_img" class="img " src="images/启动页/u124.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3192" class="ax_default image">
              <img id="u3192_img" class="img " src="images/启动页/u125.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3193" class="ax_default image">
              <img id="u3193_img" class="img " src="images/启动页/u125.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3194" class="ax_default image">
              <img id="u3194_img" class="img " src="images/启动页/u127.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3195" class="ax_default _形状">
              <img id="u3195_img" class="img " src="images/启动页/u128.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3196" class="ax_default _形状">
              <img id="u3196_img" class="img " src="images/启动页/u128.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (顶部菜单栏颜色) -->

      <!-- Unnamed (矩形) -->
      <div id="u3198" class="ax_default _形状">
        <div id="u3198_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3199" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3199_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3200" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3200_div" class=""></div>
        <div id="u3200_text" class="text ">
          <p><span>注册时间：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3201" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3201_img" class="img " src="images/5_个人中心/u2964.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3202" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3202_div" class=""></div>
        <div id="u3202_text" class="text ">
          <p><span>2017-12-12</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3203" class="ax_default _形状">
        <div id="u3203_div" class=""></div>
        <div id="u3203_text" class="text ">
          <p><span>个人资料</span></p>
        </div>
      </div>

      <!-- 收藏 (矩形) -->
      <div id="u3204" class="ax_default _形状 ax_default_hidden" data-label="收藏" style="display:none; visibility: hidden">
        <img id="u3204_img" class="img " src="images/1_首页/u208.png"/>
        <div id="u3204_text" class="text ">
          <p><span>分享</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u3205" class="ax_default">
        <div id="u3205_state0" class="panel_state" data-label="State1" style="">
          <div id="u3205_state0_content" class="panel_state_content">

            <!-- Unnamed (返回) -->

            <!-- Unnamed (图片) -->
            <div id="u3207" class="ax_default image">
              <img id="u3207_img" class="img " src="images/1_1_专题（券商列表页）/u701.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3208" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3208_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3209" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3209_img" class="img " src="images/5_1_个人资料/u3209.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3210" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3210_img" class="img " src="images/5_个人中心/u2964.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3211" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3211_div" class=""></div>
        <div id="u3211_text" class="text ">
          <p><span>头像：</span></p>
        </div>
      </div>

      <!-- 拍照 (动态面板) -->
      <div id="u3212" class="ax_default ax_default_hidden" data-label="拍照" style="display:none; visibility: hidden">
        <div id="u3212_state0" class="panel_state" data-label="状态1" style="">
          <div id="u3212_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3213" class="ax_default _流程形状">
              <div id="u3213_div" class=""></div>
              <div id="u3213_text" class="text ">
                <p><span>返回</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3214" class="ax_default _流程形状">
              <div id="u3214_div" class=""></div>
              <div id="u3214_text" class="text ">
                <p><span>从图库中选取</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3215" class="ax_default _流程形状">
              <div id="u3215_div" class=""></div>
              <div id="u3215_text" class="text ">
                <p><span>拍照</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3216" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3216_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3217" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3217_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3218" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3218_div" class=""></div>
        <div id="u3218_text" class="text ">
          <p><span>性别：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3219" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3219_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3220" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3220_div" class=""></div>
        <div id="u3220_text" class="text ">
          <p><span>昵称：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3221" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3221_img" class="img " src="images/5_个人中心/u2964.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3222" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3222_img" class="img " src="images/5_个人中心/u2964.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3223" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3223_div" class=""></div>
        <div id="u3223_text" class="text ">
          <p><span>男</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3224" class="ax_default _形状 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3224_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3225" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3225_div" class=""></div>
        <div id="u3225_text" class="text ">
          <p><span>生日：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3226" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3226_img" class="img " src="images/5_个人中心/u2964.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3227" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3227_div" class=""></div>
        <div id="u3227_text" class="text ">
          <p><span>1998-12-12</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3228" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3228_div" class=""></div>
        <div id="u3228_text" class="text ">
          <p><span>Yo-one</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3229" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u3230" class="ax_default _形状">
          <div id="u3230_div" class=""></div>
        </div>

        <!-- 弹窗-地区 (动态面板) -->
        <div id="u3231" class="ax_default ax_default_hidden" data-label="弹窗-地区" style="display:none; visibility: hidden">
          <div id="u3231_state0" class="panel_state" data-label="State1" style="">
            <div id="u3231_state0_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u3232" class="ax_default box_1">
                <div id="u3232_div" class=""></div>
                <div id="u3232_text" class="text ">
                  <p><span>开发说明：</span></p><p><span><br></span></p><p><span>使用控件选择&nbsp; 省市区</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3233" class="ax_default box_2">
                <div id="u3233_div" class=""></div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3234" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3234_div" class=""></div>
        <div id="u3234_text" class="text ">
          <p><span>地区：</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3235" class="ax_default image ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u3235_img" class="img " src="images/5_个人中心/u2964.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3236" class="ax_default _文本段落 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3236_div" class=""></div>
        <div id="u3236_text" class="text ">
          <p><span>广东省-深圳市-福田区</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3237" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (组合) -->
        <div id="u3238" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- 性别 (动态面板) -->
          <div id="u3239" class="ax_default ax_default_hidden" data-label="性别" style="display:none; visibility: hidden">
            <div id="u3239_state0" class="panel_state" data-label="状态1" style="">
              <div id="u3239_state0_content" class="panel_state_content">

                <!-- Unnamed (矩形) -->
                <div id="u3240" class="ax_default _形状">
                  <div id="u3240_div" class=""></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3241" class="ax_default _形状">
                  <div id="u3241_div" class=""></div>
                  <div id="u3241_text" class="text ">
                    <p><span>男</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3242" class="ax_default _形状">
                  <div id="u3242_div" class=""></div>
                  <div id="u3242_text" class="text ">
                    <p><span>女</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- 年龄 (动态面板) -->
          <div id="u3243" class="ax_default ax_default_hidden" data-label="年龄" style="display:none; visibility: hidden">
            <div id="u3243_state0" class="panel_state" data-label="状态1" style="">
              <div id="u3243_state0_content" class="panel_state_content">

                <!-- 年龄 (动态面板) -->
                <div id="u3244" class="ax_default" data-label="年龄">
                  <div id="u3244_state0" class="panel_state" data-label="状态1" style="">
                    <div id="u3244_state0_content" class="panel_state_content">

                      <!-- Unnamed (矩形) -->
                      <div id="u3245" class="ax_default _形状">
                        <div id="u3245_div" class=""></div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3246" class="ax_default _形状">
                        <div id="u3246_div" class=""></div>
                        <div id="u3246_text" class="text ">
                          <p><span>1982</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (提交按钮) -->
                      <div id="u3247" class="ax_default _提交按钮">
                        <input id="u3247_input" type="submit" value="取消"/>
                      </div>

                      <!-- Unnamed (提交按钮) -->
                      <div id="u3248" class="ax_default _提交按钮">
                        <input id="u3248_input" type="submit" value="确定"/>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3249" class="ax_default _形状">
                        <div id="u3249_div" class=""></div>
                        <div id="u3249_text" class="text ">
                          <p><span>1981</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3250" class="ax_default _形状">
                        <div id="u3250_div" class=""></div>
                        <div id="u3250_text" class="text ">
                          <p><span>1983</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3251" class="ax_default _形状">
                        <div id="u3251_div" class=""></div>
                        <div id="u3251_text" class="text ">
                          <p><span>11</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3252" class="ax_default _形状">
                        <div id="u3252_div" class=""></div>
                        <div id="u3252_text" class="text ">
                          <p><span>10</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3253" class="ax_default _形状">
                        <div id="u3253_div" class=""></div>
                        <div id="u3253_text" class="text ">
                          <p><span>12</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3254" class="ax_default _形状">
                        <div id="u3254_div" class=""></div>
                        <div id="u3254_text" class="text ">
                          <p><span>12</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3255" class="ax_default _形状">
                        <div id="u3255_div" class=""></div>
                        <div id="u3255_text" class="text ">
                          <p><span>11</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u3256" class="ax_default _形状">
                        <div id="u3256_div" class=""></div>
                        <div id="u3256_text" class="text ">
                          <p><span>13</span></p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 跳转框（=） (组合) -->
      <div id="u3257" class="ax_default" data-label="跳转框（=）" data-left="34" data-top="170" data-width="360" data-height="74">

        <!-- Unnamed (矩形) -->
        <div id="u3258" class="ax_default _白底矩形">
          <div id="u3258_div" class=""></div>
          <div id="u3258_text" class="text ">
            <p><span>头像</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3259" class="ax_default _图片1">
          <img id="u3259_img" class="img " src="images/￥1_1_1_券商详情页/u977.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3260" class="ax_default image">
          <img id="u3260_img" class="img " src="images/5_1_个人资料/u3209.png"/>
        </div>
      </div>

      <!-- 选择框（-） (组合) -->
      <div id="u3261" class="ax_default" data-label="选择框（-）" data-left="34" data-top="244" data-width="360" data-height="45">

        <!-- 选择框 (矩形) -->
        <div id="u3262" class="ax_default _白底矩形" data-label="选择框">
          <div id="u3262_div" class=""></div>
          <div id="u3262_text" class="text ">
            <p><span>昵称</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3263" class="ax_default _图片1">
          <img id="u3263_img" class="img " src="images/￥1_1_1_券商详情页/u977.png"/>
        </div>

        <!-- 选中项 (矩形) -->
        <div id="u3264" class="ax_default _文本标签" data-label="选中项">
          <div id="u3264_div" class=""></div>
          <div id="u3264_text" class="text ">
            <p><span>Zven</span></p>
          </div>
        </div>
      </div>

      <!-- 选择框（-） (组合) -->
      <div id="u3265" class="ax_default" data-label="选择框（-）" data-left="34" data-top="289" data-width="360" data-height="45">

        <!-- 选择框 (矩形) -->
        <div id="u3266" class="ax_default _白底矩形" data-label="选择框">
          <div id="u3266_div" class=""></div>
          <div id="u3266_text" class="text ">
            <p><span>性别</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3267" class="ax_default _图片1">
          <img id="u3267_img" class="img " src="images/￥1_1_1_券商详情页/u977.png"/>
        </div>

        <!-- 选中项 (矩形) -->
        <div id="u3268" class="ax_default _文本标签" data-label="选中项">
          <div id="u3268_div" class=""></div>
          <div id="u3268_text" class="text ">
            <p><span>男</span></p>
          </div>
        </div>
      </div>

      <!-- 选择框（-） (组合) -->
      <div id="u3269" class="ax_default" data-label="选择框（-）" data-left="34" data-top="334" data-width="360" data-height="45">

        <!-- 选择框 (矩形) -->
        <div id="u3270" class="ax_default _白底矩形" data-label="选择框">
          <div id="u3270_div" class=""></div>
          <div id="u3270_text" class="text ">
            <p><span>生日</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3271" class="ax_default _图片1">
          <img id="u3271_img" class="img " src="images/￥1_1_1_券商详情页/u977.png"/>
        </div>

        <!-- 选中项 (矩形) -->
        <div id="u3272" class="ax_default _文本标签" data-label="选中项">
          <div id="u3272_div" class=""></div>
          <div id="u3272_text" class="text ">
            <p><span>1992年12月12日</span></p>
          </div>
        </div>
      </div>

      <!-- 选择框（-） (组合) -->
      <div id="u3273" class="ax_default" data-label="选择框（-）" data-left="34" data-top="379" data-width="360" data-height="45">

        <!-- 选择框 (矩形) -->
        <div id="u3274" class="ax_default _白底矩形" data-label="选择框">
          <div id="u3274_div" class=""></div>
          <div id="u3274_text" class="text ">
            <p><span>地区</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3275" class="ax_default _图片1">
          <img id="u3275_img" class="img " src="images/￥1_1_1_券商详情页/u977.png"/>
        </div>

        <!-- 选中项 (矩形) -->
        <div id="u3276" class="ax_default _文本标签" data-label="选中项">
          <div id="u3276_div" class=""></div>
          <div id="u3276_text" class="text ">
            <p><span>广东省深圳市福田区</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3277" class="ax_default _文本标签">
        <div id="u3277_div" class=""></div>
        <div id="u3277_text" class="text ">
          <p><span>社交帐号绑定</span></p>
        </div>
      </div>

      <!-- 开关项（=） (组合) -->
      <div id="u3278" class="ax_default" data-label="开关项（=）" data-left="34" data-top="449" data-width="360" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u3279" class="ax_default _白底矩形">
          <div id="u3279_div" class=""></div>
          <div id="u3279_text" class="text ">
            <p style="font-size:13px;"><span>微信帐号</span></p><p style="font-size:11px;"><span style="color:#999999;">Zven</span></p>
          </div>
        </div>

        <!-- 开关 (组合) -->
        <div id="u3280" class="ax_default" data-label="开关" data-left="334" data-top="459" data-width="50" data-height="26">

          <!-- Rectangle (矩形) -->
          <div id="u3281" class="ax_default _形状 selected" data-label="Rectangle">
            <div id="u3281_div" class="selected"></div>
          </div>

          <!-- Panel (动态面板) -->
          <div id="u3282" class="ax_default" data-label="Panel">
            <div id="u3282_state0" class="panel_state" data-label="State1" style="">
              <div id="u3282_state0_content" class="panel_state_content">

                <!-- Ellipse (椭圆形) -->
                <div id="u3283" class="ax_default _形状 selected" data-label="Ellipse">
                  <img id="u3283_img" class="img " src="images/5_1_个人资料/ellipse_u3283_selected.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 开关项（=） (组合) -->
      <div id="u3284" class="ax_default" data-label="开关项（=）" data-left="34" data-top="494" data-width="360" data-height="45">

        <!-- Unnamed (矩形) -->
        <div id="u3285" class="ax_default _白底矩形">
          <div id="u3285_div" class=""></div>
          <div id="u3285_text" class="text ">
            <p style="font-size:13px;"><span>QQ帐号</span></p><p style="font-size:11px;"><span style="color:#999999;">Zven</span></p>
          </div>
        </div>

        <!-- 开关 (组合) -->
        <div id="u3286" class="ax_default" data-label="开关" data-left="334" data-top="504" data-width="50" data-height="26">

          <!-- Rectangle (矩形) -->
          <div id="u3287" class="ax_default _形状 selected" data-label="Rectangle">
            <div id="u3287_div" class="selected"></div>
          </div>

          <!-- Panel (动态面板) -->
          <div id="u3288" class="ax_default" data-label="Panel">
            <div id="u3288_state0" class="panel_state" data-label="State1" style="">
              <div id="u3288_state0_content" class="panel_state_content">

                <!-- Ellipse (椭圆形) -->
                <div id="u3289" class="ax_default _形状 selected" data-label="Ellipse">
                  <img id="u3289_img" class="img " src="images/5_1_个人资料/ellipse_u3283_selected.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u3290" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u3290_state0" class="panel_state" data-label="解绑" style="">
          <div id="u3290_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3291" class="ax_default _形状">
              <div id="u3291_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3292" class="ax_default _白底矩形">
              <div id="u3292_div" class=""></div>
              <div id="u3292_text" class="text ">
                <p><span>解绑后您将无法使用微信登录港美宝，您确定要解绑吗？</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3293" class="ax_default _白底矩形">
              <div id="u3293_div" class=""></div>
              <div id="u3293_text" class="text ">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3294" class="ax_default _白底矩形">
              <div id="u3294_div" class=""></div>
              <div id="u3294_text" class="text ">
                <p><span>确认</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u3290_state1" class="panel_state" data-label="绑定" style="visibility: hidden;">
          <div id="u3290_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3295" class="ax_default _形状">
              <div id="u3295_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3296" class="ax_default _白底矩形">
              <div id="u3296_div" class=""></div>
              <div id="u3296_text" class="text ">
                <p><span>“港美宝”想打开微信</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3297" class="ax_default _白底矩形">
              <div id="u3297_div" class=""></div>
              <div id="u3297_text" class="text ">
                <p><span>取消</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3298" class="ax_default _白底矩形">
              <div id="u3298_div" class=""></div>
              <div id="u3298_text" class="text ">
                <p><span>确认</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u3290_state2" class="panel_state" data-label="认证失败" style="visibility: hidden;">
          <div id="u3290_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3299" class="ax_default _形状">
              <div id="u3299_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3300" class="ax_default _白底矩形">
              <div id="u3300_div" class=""></div>
              <div id="u3300_text" class="text ">
                <p><span>未完成绑定</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3301" class="ax_default _白底矩形">
              <div id="u3301_div" class=""></div>
              <div id="u3301_text" class="text ">
                <p><span>确认</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u3290_state3" class="panel_state" data-label="微信" style="visibility: hidden;">
          <div id="u3290_state3_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u3302" class="ax_default image">
              <img id="u3302_img" class="img " src="images/5_1_个人资料/u3302.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3303" class="ax_default _灰底矩形">
              <div id="u3303_div" class=""></div>
              <div id="u3303_text" class="text ">
                <p><span>LOGO</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3304" class="ax_default _白底矩形">
              <img id="u3304_img" class="img " src="images/5_1_个人资料/u3304.png"/>
              <div id="u3304_text" class="text ">
                <p><span>港美宝</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3305" class="ax_default _文本标签">
              <div id="u3305_div" class=""></div>
              <div id="u3305_text" class="text ">
                <p><span>港美宝</span></p>
              </div>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u3306" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u3307" class="ax_default">
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3308" class="ax_default _备注（红字）">
        <div id="u3308_div" class=""></div>
        <div id="u3308_text" class="text ">
          <p><span>微信有绑定与解绑流程演示，QQ类似</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
